<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车-小米官网</title>
    <link rel="icon" type="images/x-icon" href="../images/favicon.ico"/>
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/Puplic.css">
    <link rel="stylesheet" href="../css/Cart.css">
</head>
<body>
    <!-- 头部 -->
    <div class="site-header">
        <div class="container">
            <div class="header-logo">
                <a href="../html/Index.html" title="小米官网" class="logo">
                    小米官网
                </a>
            </div>
            <div class="header-title">
                <h2>我的购物车</h2>
                <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
            </div>
            <div class="topbar-info">
                <span class="user fl">
                    <a href="#" class="user-name">
                        <span class="name">💥骚摆</span>
                        <i class="iconfont name-icon">&#xf0170;</i>
                    </a>
                    <div class="user-menu-wrapper">
                        <ul class="user-menu">
                            <li>
                                <a href="#">个人中心</a>
                            </li>
                            <li>
                                <a href="#">评价晒单</a>
                            </li>
                            <li>
                                <a href="#">我的喜欢</a>
                            </li>
                            <li>
                                <a href="#">小米账户</a>
                            </li>
                            <li>
                                <a href="#">退出登录</a>
                            </li>
                        </ul>
                    </div>
                </span>
                <span class="sep fl">|</span>
                <a href="#" class="link-order fl">我的订单</a>
            </div>
        </div>
    </div>

    <!-- 主体 -->
    <div class="mi-cart">
        <div class="container">
            <table class="cart-goods-list">
                <thead>
                    <tr>
                        <th class="all-check">
                            <label id="allCheck_box">
                                <input type="checkbox" id="allCheck" name="goods">
                                <div id="allCheck-btn">
                                    <i class="iconfont tick"></i>
                                </div>
                            </label>
                            <label class="all_checks">全选</label>
                        </th>
                        <th class="col-img"></th>
                        <th class="col-name">商品名称</th>
                        <th class="col-price">单价</th>
                        <th class="col-num">数量</th>
                        <th class="col-total">小计</th>
                        <th class="col-action">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- <tr>
                        <td class="col-check">
                            <i class="icon-checkbox iconfont checkbox-btn">&#xe75c;</i>
                        </td>
                        <td class="col-img">
                            <img src="../images/goods-dog.jpg" alt="">
                        </td>
                        <td class="col-name">CyberDog 仿生四足机器人</td>
                        <td class="col-price">9999元</td>
                        <td class="col-num">
                            <div class="change-goods-num">
                                <a href="javascript:;" class="iconfont icon-reduce fl">&#xf018c;</a>
                                <input type="text" autocomplete="off" value="1" class="goods-num fl">
                                <a href="javascript:;" class="iconfont icon-plus fr">&#xf0050;</a>
                            </div>
                        </td>
                        <td class="col-total">9999元</td>
                        <td class="col-action">
                            <a href="javascript:;" class="del">
                                <i class="iconfont">&#xe63a;</i>
                            </a>
                        </td>
                    </tr> -->
                </tbody>
            </table>
        </div>
        
        <div class="cart-bar cart-bar-fixed">
            <div class="section-left fl">
                <a href="../html/Goods-List.html" class="back-shopping">继续购物</a>
                <span class="cart-totalNum">
                    已选择
                    <i class="total-Num">0</i>
                    件
                </span>
                <span class="batch_Delete">
                    批量删除
                </span>
            </div>
            <span class="cart-totalPrice fr">
                合计: 
                <em class="total-Price">0</em>
                元
                <a href="javascript:" class="btn-disabled">
                    去结算
                    <!-- <div class="no-select-tip">
                        请勾选需要结算的商品
                    </div> -->
                </a>
            </span>
        </div>

        <div class="cart-recommend">
            <h2 class="recommend-title">
                <span>买购物车中商品的人还买了</span>
            </h2>
            <div class="recommend_cartBuy">
                <ul class="recommend-list">
                    <li class="recommend-item">
                        <a href="javascript:;">
                            <img src="https://img.alicdn.com/imgextra/i3/1917047079/O1CN01OtlEwE22AESGIddX8_!!2-item_pic.png_430x430q90.jpg" alt="">
                            <div class="recommend-name">Apple/苹果 iPhone 13 Pro Max</div>
                            <div class="recommend-price">12999元</div>
                            <div class="recommend-tips">241.5万人好评</div>
                        </a>
                        <div class="recommend-action">
                            <a class="recommend-shoppingcart">加入购物车</a>
                        </div>
                    </li>
                    <li class="recommend-item">
                        <a href="javascript:;">
                            <img src="https://img.alicdn.com/imgextra/i1/1917047079/O1CN01qC9RZb22AEQNIo08f_!!2-item_pic.png_430x430q90.jpg" alt="">
                            <div class="recommend-name">Apple/苹果 12.9 英寸 iPad Pro</div>
                            <div class="recommend-price">17299元</div>
                            <div class="recommend-tips">64.1万人好评</div>
                        </a>
                        <div class="recommend-action">
                            <a class="recommend-shoppingcart">加入购物车</a>
                        </div>
                    </li>
                    <li class="recommend-item">
                        <a href="javascript:;">
                            <img src="https://img.alicdn.com/imgextra/i1/1917047079/O1CN015YWBB522AESY4X5t4_!!2-item_pic.png_430x430q90.jpg" alt="">
                            <div class="recommend-name">Apple/苹果 16 英寸 MacBook Pro</div>
                            <div class="recommend-price">26499元</div>
                            <div class="recommend-tips">150万人好评</div>
                        </a>
                        <div class="recommend-action">
                            <a class="recommend-shoppingcart">加入购物车</a>
                        </div>
                    </li>
                    <li class="recommend-item">
                        <a href="javascript:;">
                            <img src="https://img11.360buyimg.com/n1/s450x450_jfs/t1/196893/10/8478/42206/61414c97E20882952/bad8885661627693.jpg" alt="">
                            <div class="recommend-name">Apple Watch Series 7</div>
                            <div class="recommend-price">3999元</div>
                            <div class="recommend-tips">5.5万人好评</div>
                        </a>
                        <div class="recommend-action">
                            <a class="recommend-shoppingcart">加入购物车</a>
                        </div>
                    </li>
                    <li class="recommend-item">
                        <a href="javascript:;">
                            <img src="https://img11.360buyimg.com/n1/s450x450_jfs/t1/140999/32/17765/41336/5fd1cc83E73e9e9fb/5a7f3c01931688ab.jpg" alt="">
                            <div class="recommend-name">Apple AirPods Pro</div>
                            <div class="recommend-price">1999元</div>
                            <div class="recommend-tips">100万人好评</div>
                        </a>
                        <div class="recommend-action">
                            <a class="recommend-shoppingcart">加入购物车</a>
                        </div>
                    </li>
                                        <li class="recommend-item">
                        <a href="javascript:;">
                            <img src="https://img10.360buyimg.com/n1/s450x450_jfs/t1/204398/27/16351/57352/619f2ec0E93242885/2a49f4b8b7e022b5.jpg" alt="">
                            <div class="recommend-name">Apple iMac 27英寸 5K屏 3.8GHz 8核十代 i7/32GB/2TB固态/RP5500XT 一体式电脑主机 Z0ZX</div>
                            <div class="recommend-price">27399元</div>
                            <div class="recommend-tips">10万人好评</div>
                        </a>
                        <div class="recommend-action">
                            <a class="recommend-shoppingcart">加入购物车</a>
                        </div>
                    </li>
                    <li class="recommend-item">
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1628162459.67483588.jpg" alt="">
                            <div class="recommend-name">小米电视 大师 77″OLED</div>
                            <div class="recommend-price">17999元</div>
                            <div class="recommend-tips">148万人好评</div>
                        </a>
                        <div class="recommend-action">
                            <a class="recommend-shoppingcart">加入购物车</a>
                        </div>
                    </li>
                    <li class="recommend-item">
                        <a href="javascript:;">
                            <img src="https://img.alicdn.com/imgextra/i3/749901026/O1CN01KeE5he1JRx2S2QflE_!!749901026.jpg_430x430q90.jpg" alt="">
                            <div class="recommend-name">卡西欧（CASIO）G-SHOCK GWG-1000GB泥王男表防震防水手表 GWG-1000GB-1APR六局电波+太阳能</div>
                            <div class="recommend-price">4990元</div>
                            <div class="recommend-tips">16.9万人好评</div>
                        </a>
                        <div class="recommend-action">
                            <a class="recommend-shoppingcart">加入购物车</a>
                        </div>
                    </li>
                    <li class="recommend-item">
                        <a href="javascript:;">
                            <img src="https://img.alicdn.com/imgextra/i2/2201168176213/O1CN01Ufj6Ru1vlbOWOr23L_!!2201168176213.jpg_430x430q90.jpg" alt="">
                            <div class="recommend-name">索尼sony PS5主机电视游戏机数字版超高清蓝光8K</div>
                            <div class="recommend-price">259元</div>
                            <div class="recommend-tips">202人好评</div>
                        </a>
                        <div class="recommend-action">
                            <a class="recommend-shoppingcart">加入购物车</a>
                        </div>
                    </li>
                    <li class="recommend-item">
                        <a href="javascript:;">
                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1628592561.80292537.jpg" alt="">
                            <div class="recommend-name">CyberDog 仿生四足机器人</div>
                            <div class="recommend-price">9999元</div>
                            <div class="recommend-tips">60万人好评</div>
                        </a>
                        <div class="recommend-action">
                            <a class="recommend-shoppingcart">加入购物车</a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- footer -->
    <div class="footer-wrap">
        <div class="footer-service">
            <!-- 服务 -->
            <ul>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe7f2;</i>
                        预约维修服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe67d;</i>
                        7天无理由退货
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe606;</i>
                        15天免费换货
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xf01da;</i>
                        满69包邮
                    </a>
                </li>
                <li>
                    <a href="#">
                        <i class="iconfont">&#xe60b;</i>
                        520余家售后网点
                    </a>
                </li>
            </ul>
            <!-- 底部列表-->
            <div class="footer-item">
                <dl class="footer-item-left">
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>
                <dl class="footer-item-left">
                    <dt>服务支持</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">自助服务</a></dd>
                    <dd><a href="#">相关下载</a></dd>
                </dl>
                <dl class="footer-item-left">
                    <dt>线下门店</dt>
                    <dd><a href="#">小米之家</a></dd>
                    <dd><a href="#">服务网点</a></dd>
                    <dd><a href="#">授权体验店/专区</a></dd>
                </dl>
                <dl class="footer-item-left">
                    <dt>关于小米</dt>
                    <dd><a href="#">了解小米</a></dd>
                    <dd><a href="#">加入小米</a></dd>
                    <dd><a href="#">投资者关系</a></dd>
                    <dd><a href="#">企业社会责任</a></dd>
                    <dd><a href="#">廉洁举报</a></dd>
                </dl>
                <dl class="footer-item-left">
                    <dt>关注我们</dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">官方微信</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                    <dd><a href="#">公益基金会</a></dd>
                </dl>
                <dl class="footer-item-left">
                    <dt>特色服务</dt>
                    <dd><a href="#">F 码通道</a></dd>
                    <dd><a href="#">礼物码</a></dd>
                    <dd><a href="#">防伪查询</a></dd>
                </dl>
                <div class="footer-right">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00（仅收市话费）</p>
                    <a href="#" class="footer-btn">
                        <i class="iconfont iconfont-message">&#xe641;</i>
                        人工客服
                    </a>
                    <div class="follow">
                        关注小米：
                        <a href="#" class="wb"></a>
                        <a href="#" class="wx">
                            <img src="../images/PVG.png" alt="" id="wx">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="site-info">
        <div class="container">
            <div class="footer-log"></div>
            <div class="info-text">
                <p class="sites">
                    <a href="#">小米商城</a>
                    <span class="sep">|</span>
                    <a href="#">MIUI</a>
                    <span class="sep">|</span>
                    <a href="#">米家</a>
                    <spanclass="sep">|</spanclass=>
                        <a href="#">米聊</a>
                        <span class="sep">|</span>
                        <a href="#">多看</a>
                        <span class="sep">|</span>
                        <a href="#">游戏</a>
                        <span class="sep">|</span>
                        <a href="#">政企服务</a>
                        <span class="sep">|</span>
                        <a href="#">小米天猫店</a>
                        <span class="sep">|</span>
                        <a href="#">小米集团隐私政策</a>
                        <span class="sep">|</span>
                        <a href="#">小米公司儿童信息保护规则</a>
                        <span class="sep">|</span>
                        <a href="#">小米商城隐私政策</a>
                        <span class="sep">|</span>
                        <a href="#">小米商城用户协议</a>
                        <span class="sep">|</span>
                        <a href="#">问题反馈</a>
                        <span class="sep">|</span>
                        <a href="#">Select Location</a>
                </p>
                <p class="sites">
                    <a href="#">北京互联网法院法律服务工作站</a>
                    <span class="sep">|</span>
                    <a href="#">中国消费者协会</a>
                    <span class="sep">|</span>
                    <a href="#">北京市消费者协会</a>
                </p>
                <p>
                    &copy;
                    <a href="#">mi.com</a>
                    京ICP证110507号
                    <a href="#">京ICP备10046444号</a>
                    <a href="#">京公网安备11010802020134号</a>
                    <a href="#">京网文[2020]0276-042号</a>
                    <br>
                    <a href="#">（京）网械平台备字（2018）第00005号</a>
                    <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href="#">营业执照</a>
                    <a href="#">医疗器械质量公告</a>
                    <br>
                    <a href="#">增值电信业务许可证</a>
                    &nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                    <a href="#">食品经营许可证</a>
                    <br>
                    违法和不良信息举报电话：171-5104-4404 &nbsp;
                    <a href="#">知识产权侵权投诉</a>
                    &nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="info-links">
                <a href="#">
                    <img src="../images/footer-1.png" alt="">
                </a>
                <a href="#">
                    <img src="../images/footer-2.png" alt="">
                </a>
                <a href="#">
                    <img src="../images/footer-3.png" alt="">
                </a>
                <a href="#">
                    <img src="../images/footer-4.png" alt="">
                </a>
            </div>
        </div>
        <div class="slogan"></div>
    </div>
</body>
<script src="../libs/jquery.js"></script>
<script src="../js/Cart.js"></script>
<script src="../libs/require.js" data-main="../js/Cart_Main.js"></script>
<script>
    /* ----------- 页面的登录守卫 --------- */
    if (localStorage.getItem("state") !== "ok") {
        location.href = "../html/Login.html";
    }
</script>
</html>